{% extends '__base.tpl' %}

{% block head %}
<!-- build:css -->
<link rel="stylesheet" href="../../../public/css/page/login.css">
<!-- endbuild -->
{% endblock %}

{% block body %}
<div id='box'>
    <div class="regis">
        <h1><img src="../../../public/images/leftTitle.jpg"></h1>
        <div class="regisDiv" >
            <span class="login-item">
                <img src="../../../public/images/regisLeft.jpg">
            </span>
            <span class="login-item relative" style="display: none" id="login_box">
                <h3><img src='../../../public/images/logoTag.jpg'>验证码登录</h3>
                <div class="form">
                    <div>
                        <input type="text" id="tel" placeholder="手机号" />
                        <div class="wrong-tips">请输入正确的手机号</div>
                        <div class="inputSelect clearfix">
                            <input onkeydown="BASE.keyEnter(BASE.LOGIN.loginBycode)" type="text" id="code" placeholder="验证码" />
                            <button onclick="BASE.LOGIN.getCode.call(this,2)">获取验证码</button>
                        </div>
                        <div class="wrong-tips">密码为6-12位字母加数字的组合</div>
                        <div class="clause">
                             <em class="fright font12 clo9">未注册手机验证后自动注册</em>
                        </div>
                        <input class="regisSubmit" type="button" value="登录" onclick="BASE.LOGIN.loginBycode(this)">
                    </div>
                </div>
                <p class="clause" style="text-align: left">
                    <label>
                        <input type="checkbox" id="remember" class="checkbox">是否记住登录
                    </label>
                    <a href="/register.html" class="blue fright" >注册新账号</a>
                </p>
                <div class="login-code hide" id="login_container_wrap">
                    <div id="login_container" ></div>
                    <a href="javascript:;" class="blue" onclick="$('#login_container_wrap').hide()">返回手机号登录</a>
                </div>
                <div class="login-other">
                    社交账户登录
                    <a href="javascript:;" class="ml10" onclick="BASE.LOGIN.weixinLogin(this)">
                        <img class="vmiddle" src="../../../../public/images/Wchat.png" alt="weixin">
                    </a>
                    <a href="javascript:;" id="qqLoginBtn" class="ml10" onclick="BASE.LOGIN.loginByQQ()">
                        <img class="vmiddle" src="../../../../public/images/QQ.png" alt="qq">
                    </a>
                </div>
            </span>
        </div>
    </div>
</div>
{% endblock %}
{% block script %}
<!--公用js部分-->
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script src="https://connect.qq.com/qc_jssdk.js"></script>
{{ super() }}
{% endblock %}
